<div ng-controller="PageCtrl" >
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h3 class="m-n font-thin h3">{{page.name}}</h3>
        </div>
        <div class="col-sm-6 text-right hidden-xs">
          <a ng-click="toggleBookmarks(page.id,page.inBookmarks)" ui-toggle-class="" class="btn btn-default btn-ms">
                <i ng-class="loadStarkmarksClass(page.inBookmarks)"></i>
                <i ng-class="loadStarOBookmarksClass(page.inBookmarks)"></i>
                <span class="bookmarksStatus" ng-show="page.inBookmarks" translate="page.bookmarksStatus.{{page.inBookmarks}}" ></span>
                <span class="bookmarksStatus" ng-show="page.inBookmarks==false"  translate="page.bookmarksStatus.{{page.inBookmarks}}" ></span>
          </a>
        </div>
      </div>
    </div>
	<div  style="padding:15px;">
	  <div class="row">
		<div ng-repeat="portlet in page.portlets" class="col-lg-{{portlet.col}} connected" >
				<div ng-class="loadPortlet(portlet.frame)">
				<div class="panel-heading">
				  {{portlet.name}}
				</div>
				<div ng-show="portlet.type=='portal.portlet.report'" id="report_{{portlet.parameters.reportId}}"  class="list-group div-loading" style="-webkit-overflow-scrolling:touch;-webkit-overflow: auto;"  >
					<span ng-class="loadReportIframe(portlet.id,portlet.parameters.reportId)" ></span>
				   <iframe id="{{portlet.id}}{{portlet.parameters.reportId}}"    class="portletIframe" width="100%" frameborder="0"   graphSize="{{portlet.parameters.graphSize}}"  height="{{portlet.parameters.chartHeight}}" scrolling="yes" ></iframe>
				</div>
				<div ng-show="portlet.type=='portal.portlet.webpage'"   class="list-group div-loading" style="-webkit-overflow-scrolling:touch;-webkit-overflow: auto;"  >
				   <iframe src="{{portlet.parameters.expressionUrl}}"  class="portletIframe webpage" width="100%" frameborder="0"  height="500" scrolling="yes" ></iframe>
				</div>
				<div ng-show="portlet.type=='portal.portlet.mini_proc'" class="list-group bg-white"  >
				   <div  id="{{portlet.id}}"  ng-bind-html="portlet.body"  ></div>
				</div>
			  </div>
		 </div>
	  </div>
	</div>
</div>
